$(function(){

    init()
    function init(){

        getdata()
        //点击事件
        clickdata()
    }


    //1发送请求获取数据
    function getdata(){

      $.ajax({
          url:"http://193.112.55.79:9090/api/getcategorytitle",
          success:function(result){

           console.log(result)

             var data=result.result

             //获取数据进行模板渲染
             var html =template("list",{arr:data})

             //写到页面
             $(".content").html(html)

          }
      })



    }


    //发送请求获取详细数据
    function clickdata(){

   //点击事件发送请求获取数据 动态生成发用事件委托

     $(".content").on("tap","li",function(){

         console.log(11)
         //点击谁就或它的子定义属性中的数据作为参数发给服务器在进行数据的渲染
           var obj=$(this).data("num")
    
        //获取中的it
        var id=obj.titleId
        console.log(id)
        
            //发送请求获取数据进行样式的渲染
            $.ajax({
                url:"http://193.112.55.79:9090/api/getcategory",
                data:{
                    titleid: id
                },
                success:function(result){
                    console.log(result)
                    var data=result.result

                    //样式渲染
                    var html =template("laoda",{arry:data})

                //写到页面上区
                $(".content_list").html(html)
                }
            })




     })



    }



})